<!-- BEGIN: detail-->
<script type="text/javascript">
$(document).ready(function(){
	$('.itemDiv').hover( 
						function() { 
							$(this).addClass("itemDiv_hover");
						},
						function() { 
							$(this).removeClass("itemDiv_hover");
						}
						);	
});
</script>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left"><div class="childTab " id="tab{level}" onclick="loadCurrentTab({level},'{detail.product_category_id}','{brandTab}')">{detail.product_category_name}</div></td>
  </tr>
  <tr>
    <td class="windows"><div id="level{level}" >
        <!-- BEGIN: list-->
        <div onclick="{list.javaFunction}" class="itemDiv">{list.product_category_name}</div>
        <!-- END: list-->
        <!-- BEGIN: list_notChild-->
        <div  onclick="{list.javaFunction}" class="itemDiv">{list.product_category_name}</div>
        <!-- END: list_notChild-->
        <!-- BEGIN: break-->
       <div style="clear:both">
        <hr class="chr">
        	<strong>ブランド名:</strong>
        </div>
        <!-- END: break-->
        <div id="brandDiv">
          <!-- BEGIN: brand-->
          <div onclick="loadChildTab({level},'{list.product_category_id}',0)" class="itemDiv">{list.product_category_name}</div>
          <!-- END: brand-->
          <!-- BEGIN: brand_notChild-->
          <div onclick="selectCate(this,'{list.product_category_yahoo_id}')" class="itemDiv">{list.product_category_name}</div>
          <!-- END: brand_notChild-->
          <div class="brand_navigation">{pages}</div>
        </div>
      </div></td>
  </tr>
</table>
<!-- END: detail-->
